<div style="display: flex; min-height: 100vh;">
    <nz-layout>
        <!-- <nz-header>Header</nz-header> -->
        <nz-content style="padding-top: 10%; padding-left: 10;">
            <div nz-col nzSpan="6" nzOrder="2" nzPush="6">
                <div>
                    <form nz-form [formGroup]="validateForm">
                        <div nz-col="3">
                            <nz-form-item>
                                <nz-form-label [nzSm]="nzSm" [nzXs]="24" nzFor="username" nzRequired>账号</nz-form-label>
                                <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="Please input your username!">
                                    <input nz-input type="text" id="username" formControlName="username" />
                                </nz-form-control>
                            </nz-form-item>
                        </div>
                        <div nz-col="3">
                            <nz-form-item>
                                <nz-form-label [nzSm]="nzSm" [nzXs]="24" nzFor="password" nzRequired>密码</nz-form-label>
                                <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="Please input your password!">
                                    <input nz-input type="password" id="password" formControlName="password" />
                                </nz-form-control>
                            </nz-form-item>
                        </div>
                        <div nz-col="3">
                            <nz-form-item style="height: 100%;">
                                <nz-form-label [nzSm]="nzSm" [nzXs]="24" nzFor="captcha" nzRequired>验证码</nz-form-label>
                                <nz-form-control [nzSm]="14" [nzXs]="12" nzErrorTip="Please input your captcha!">
                                    <input nz-input type="text" style="display: inline-block;" formControlName="captcha"
                                        id="captcha" />
                                </nz-form-control>
                                <nz-form-control>
                                    <img alt="如果看不清楚，请单击图片刷新！" class="pointer" src="wstro/admin/captcha.jpg"
                                        (click)="refreshCode()" #verifyCode style="width: 100%; height: 100%;">
                                </nz-form-control>
                            </nz-form-item>
                        </div>
                        <div nz-col="3">
                            <div class="row">
                                <div class="col-xs-4">
                                    <button type="button" class="btn btn-primary btn-block btn-flat"
                                        (click)="submitForm()">登录</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </nz-content>
        <nz-footer>sunshine com.cn</nz-footer>
    </nz-layout>
</div>